<Page [ngClass]="'grid'" [title]="'Grid'" [subTitle]="'九宫格'" [spacing]="false" [ftBottom]="true">
  <div class="weui-grids">
    <a href="javascript:;" class="weui-grid">
      <div class="weui-grid__icon">
        <img src="./assets/images/icon_tabbar.png" alt="" />
      </div>
      <p class="weui-grid__label">Grid</p>
    </a>
    <a href="javascript:;" class="weui-grid">
      <div class="weui-grid__icon">
        <img src="./assets/images/icon_tabbar.png" alt="" />
      </div>
      <p class="weui-grid__label">Grid</p>
    </a>
    <a href="javascript:;" class="weui-grid">
      <div class="weui-grid__icon">
        <img src="./assets/images/icon_tabbar.png" alt="" />
      </div>
      <p class="weui-grid__label">Grid</p>
    </a>
    <a href="javascript:;" class="weui-grid">
      <div class="weui-grid__icon">
        <img src="./assets/images/icon_tabbar.png" alt="" />
      </div>
      <p class="weui-grid__label">Grid</p>
    </a>
    <a href="javascript:;" class="weui-grid">
      <div class="weui-grid__icon">
        <img src="./assets/images/icon_tabbar.png" alt="" />
      </div>
      <p class="weui-grid__label">Grid</p>
    </a>
    <a href="javascript:;" class="weui-grid">
      <div class="weui-grid__icon">
        <img src="./assets/images/icon_tabbar.png" alt="" />
      </div>
      <p class="weui-grid__label">Grid</p>
    </a>
    <a href="javascript:;" class="weui-grid">
      <div class="weui-grid__icon">
        <img src="./assets/images/icon_tabbar.png" alt="" />
      </div>
      <p class="weui-grid__label">Grid</p>
    </a>
    <a href="javascript:;" class="weui-grid">
      <div class="weui-grid__icon">
        <img src="./assets/images/icon_tabbar.png" alt="" />
      </div>
      <p class="weui-grid__label">Grid</p>
    </a>
    <a href="javascript:;" class="weui-grid">
      <div class="weui-grid__icon">
        <img src="./assets/images/icon_tabbar.png" alt="" />
      </div>
      <p class="weui-grid__label">Grid</p>
    </a>
  </div>
</Page>
